<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0075)http://123.103.63.75:8087/GamesWheelHtml/panPrize.aspx?openId=null&tel=null -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>
        幸运大抽奖
    </title>
    <!--[if lt IE 9]>
    <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <style type="text/css">
        body, ul, ol, dl, dd, dt, li, a, h1, h2, h3, h4, h5, h6, from, table, tr, td, th, textarea, input, button, select, p {
            padding: 0;
            margin: 0;
        }

        *, *:before, *:after {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        img {
            border: 0;
            max-width: 100%;
            height: auto;
        }

        .scrolldiv {
            padding: 45px 0 10px 0;
        }

        .scrolldiv marquee {
            width: 100%;
            color: #E18111;
            text-align: center;
        }

        .welcome {
            padding: 30px 0 0 0;
        }

        .btnsdiv {
            padding: 0 0 30px 0;
            text-align: center;
        }

        .btnsdiv a {
            background-color: #f2a521;
            width: 135px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            border-radius: 8px;
            color: #fff;
            text-decoration: none;
            font-size: 16px;
            display: inline-block;
            margin: 0 5px;
            box-shadow: 1px 2px 0 0 #D39B24;
        }

        #mian .img img {
            position: absolute;
            z-index: -10;
            max-width: 100%;
            height: auto;
        }

        @media (min-width: 481px) {
            #mian {
                width: 530px;
                margin: 0 auto;
            }
        }

        @media (max-width: 480px) {
            #mian {
                width: 100%;
                padding: 0 10px;
            }
        }
    </style>
    <link rel="stylesheet" type="text/css" href="resource/css.css">
    <link id="skin" rel="stylesheet" type="text/css" href="resource/ymPrompt3.css">
    <script type="text/javascript" src="resource/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="resource/ymPrompt.js"></script>
    <script type="text/javascript" src="resource/jQueryRotate.2.2.js"></script>
    <script type="text/javascript" src="resource/marque.js"></script>
    <script type="text/javascript" src="resource/dial_random_1.js"></script>
    <script type="text/javascript" src="resource/Xslider.js"></script>
    <script type="text/javascript" src="../../resources/easyui/plugin/jquery.cookie.js"></script>
    <script type="text/javascript" src="../../resources/js/Util.js"></script>
    <script language="javascript" type="text/javascript">
        //判断是否带有参数
        var appId = '';
        var openId = '';
        var tel = '';
        if(document.URL.lastIndexOf("?") > 0) {
            var arr=document.URL.substring(document.URL.lastIndexOf("?")+1, document.URL.length).split("&");
            for(var i=0;i<arr.length; i++)
            {
                if(arr[i].split("=")[0] == 'appId') {
                    appId = arr[i].split("=")[1];
                } else if(arr[i].split("=")[0] == 'openId') {
                    openId = arr[i].split("=")[1];
                } else if(arr[i].split("=")[0] == 'tel') {
                    tel = arr[i].split("=")[1];
                }
            }
        }

        $(document).ready(function () {
            if(appId == '' || openId == '' || tel == '') {
                document.body.innerHTML = '请关注内蒙古呼和浩特移动微信号，以指定方式参加活动。';
            }

            $("#tip").hover(function () {
                $(this).attr("src", "resource/four2.png");
            }, function () {
                $(this).attr("src", "resource/four1.png");
            });

            setTop50Prize();

            $("#queryRecord").bind("click", function () {
                window.location.href = "takePrize.html?appId=" + appId + "&openId=" + openId;
            });

            function getQueryString(name) {
                var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
                var r = window.location.search.substr(1).match(reg);
                if (r != null) return unescape(r[2]);
                return null;
            }

//            $("#ashare").bind("click", function () {
//                $("#divShare").show();
//            });

//            $("#divShare").bind("click", function () {
//                $("#divShare").hide();
//                $("#divFocus").hide();
//            });
        });

        function setTop50Prize() {
            var html='';
            var prizeList = $('#prizeList');
            restClient('/rest/wheel2/top50/wheel2', function(data){
                html += '<ul style="top: 0px;">';
                for(var o in data) {
                    var tel = data[o].tel;
                    tel = tel.substring(0,3)+"****"+tel.substring(7,11);
                    var result = data[o].result;
                    html += "<li>" + tel + "  " + result + "</li>";
                }
                html += "</ul>";
                prizeList.html(html);

                $(".scrollcon").Xslider({
                    unitdisplayed: 3,
                    numtoMove: 1,
                    loop: "cycle",
                    dir: "V",
                    autoscroll: 2500,
                    speed: 2000
                });
            })
        }
    </script>
</head>
<body style="background: #c52126;" screen_capture_injected="true">
<form method="post" action="" id="form1">
    <div id="mian">
        <div class="img">
            <img src="resource/zjbg.png"></div>
        <div style="display: none" id="divShare" class="topshare">
            <img src="resource/share.gif"></div>
        <div class="scrolldiv">
            <div class="scrollcon">
                <div class="scrolllist" id="prizeList"></div>
                <a class="abtn aright" href="javascript:void(0);"></a><a class="abtn aleft" href="javascript:void(0);">
            </a>
            </div>
        </div>
        <div id="zhuanpan">
            <img id="img" src="resource/four_zhuanpan.png">
            <img id="tip" src="resource/four1.png">
        </div>
        <div class="welcome">
            <img src="resource/linkC.png"></div>
        <div class="btnsdiv clear">
            <a href="javascript:void(0)" id="queryRecord" class="check">查看我的中奖记录</a>
            <a href="http://mp.weixin.qq.com/s?__biz=MzA4NDAxODAwMQ==&mid=203178786&idx=1&sn=a9744a83d66fea1f23c689a9636e6445#rd"
                id="ashare" class="share">分享</a>

            <div class="youhave">
                <span id="spanColor" class="coud_num">2</span>
            </div>
        </div>
    </div>
</form>
</body>
</html>